/*
 * Tencent is pleased to support the open source community by making TKEStack
 * available.
 *
 * Copyright (C) 2012-2021 Tencent. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use
 * this file except in compliance with the License. You may obtain a copy of the
 * License at
 *
 * https://opensource.org/licenses/Apache-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OF ANY KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations under the License.
 */
import * as React from 'react';

import { FormText, Icon } from '@tencent/tea-component';
import { StyledProps } from '@tencent/tea-component/lib/_type';

interface FormPanelTextProps extends StyledProps {
  children?: React.ReactNode;
  onEdit?: () => void;
}

function FormPanelText({ children, ...props }: FormPanelTextProps) {
  return (
    <FormText {...props}>
      {children}
      {props.onEdit && <Icon onClick={() => props.onEdit()} style={{ cursor: 'pointer' }} type="pencil" />}
    </FormText>
  );
}

export { FormPanelText, FormPanelTextProps };
